<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min1.css"/>
		<script src="js/bootstrap.js"></script>
		<link rel="stylesheet" type="text/css" href="css/pzk1.css"/>
		<link rel="icon" href="img/position/favicon.ico" />
		<style type="text/css">
			
		</style>
		<script src="js/jquery-3.3.1.js"></script>
	</head>
	<body>
		
		
		
		
		
		
				<header>
			<img src="img/pan/menu.png" class="menu"/>
			<div class="menus">
				<p class="li"><a href="index.html">首页</a><button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button></p>
				<p class="li"><a href="index5.html">发现</a></p>
					<p class="li1"><a href="">平面</a></p>
					<p class="li1"><a href="">UI</a></p>
					<p class="li1"><a href="">插画</a></p>
					<p class="li1"><a href="">动漫</a></p>
					<p class="li1"><a href="">摄影</a></p>
					<p class="li1"><a href="">空间</a></p>
					<p class="li1"><a href="">工业/产品</a></p>
					<p class="li1"><a href="">三维</a></p>
					<p class="li1"><a href="">手工艺</a></p>
					<p class="li1"><a href="">纯艺术</a></p>
					<p class="li1"><a href="">服装</a></p>
					<p class="li1"><a href="">其他</a></p>
					<p class="li1"><a href="">精选作品</a></p>
					<p class="li1"><a href="">精选文章</a></p>
					<p class="li1"><a href="">精选收藏</a></p>
				<p class="li"><a href="pzk1.html">同城</a></p>
				<p class="li"><a href="position.html">职位</a></p>
					<p class="lis"><a href="">职位</a></p>
					<p class="lis"><a href="">公司</a></p>
					<p class="lis"><a href="">+发布职位</a></p>
				<p class="li"><a href="pzk2.html">活动</a></p>
					<p class="lis"><a href="">设计大赛</a></p>
					<p class="lis"><a href="">公司专题策划</a></p>
					<p class="lis"><a href="">线上活动</a></p>
					<p class="lis"><a href="">线下活动</a></p>
					<p class="lis"><a href="">需为吸引瓶</a></p>
				<p class="li"><a href="index3.html">正版素材</a></p>
					<p class="lis"><a href="index3.html">图片</a></p>
					<p class="lis"><a href="">视频</a></p>
					<p class="lis"><a href="index4.html">字体</a></p>
					<p class="lis"><a href="">音乐</a></p>
				<p class="li"><a href="course.html" target="_blank">课程</a></p>
					<p class="lis"><a href="">正在热销</a></p>
					<p class="lis"><a href="">口碑好课</a></p>
				<p class="li"><a href="">...</a></p>	
					<p class="lis"><a href="榜单.html">榜单</a></p>
					<p class="lis"><a href="设计师.html">设计师</a></p>
					<p class="lis"><a href="站酷APP.html">站酷APP</a></p>
					<p class="lis"><a href="字体库.html">站酷字体</a></p>
			</div>
			<img src="img/pan/logo.svg" class="pull-left logo"/>
			<nav class="pull-left">
				<ul class="nav pull-left clearfix">
					<li>
						<a href="index.html">首页</a>
					</li>
					<li>
						<a href="index5.html">发现</a>
						<div class="fx">
							<div class="top">
								<div><a href="">平面</a><span>|</span></div>	
								<div><a href="">UI</a><span>|</span></div>	
								<div><a href="">网页</a><span>|</span></div>	
								<div><a href="">插画</a><span>|</span></div>	
								<div><a href="">动漫</a><span>|</span></div>	
								<div><a href="">摄影</a><span>|</span></div>	
								<div><a href="">空间</a><span>|</span></div>	
								<div><a href="">工业/产品</a><span>|</span></div>	
								<div><a href="">三维</a><span>|</span></div>	
								<div><a href="">影视</a><span>|</span></div>	
								<div><a href="">手工艺</a><span>|</span></div>	
								<div><a href="">纯艺术</a><span>|</span></div>	
								<div><a href="">服装</a><span>|</span></div>	
								<div><a href="">其他</a><span>|</span></div>	
											
							</div>
							<hr/>
							<div class="bottom">
								<a href="">精选作品&nbsp;></a>
								<a href="">精选文章&nbsp;></a>
								<a href="">精选收藏&nbsp;></a>
							</div>
						</div>
					
					</li>
					<li><a href="pzk1.html">同城</a></li>
					<li>
						<a href="position.html">职位</a>
						<div class="zw">
							<p><a href="">职位</a></p>
							<p><a href="">公司</a></p>
							<p><a href="">+发布职位</a></p>
						</div>
					</li>
					<li>
						<a href="pzk2.html">活动</a>
						<div class="zw">
							<p><a href="">设计大赛</a></p>
							<p><a href="">公司专题策划</a></p>
							<p><a href="">线上活动</a></p>
							<p><a href="">线下活动</a></p>
							<p><a href="">学习音频</a></p>
						</div>
					</li>
					<li>
						<a href="index3.html">正版素材</a>
						<div class="zw">
							<p><a href="index3.html">图片</a></p>	
							<p><a href="">视频</a></p>
							<p><a href="index4.html">字体</a></p>
							<p><a href="">音乐</a></p>
						</div>
					</li>
					<li>
						<a href="course.html" target="_blank">课程</a>
						<div class="zw">
							<p><a href="">正在热销</a></p>
							<p><a href="">口碑好课</a></p>
						</div>
					</li>
					<li>
						<a href=""></a>
						<div class="zw">
							<p><a href="榜单.html">榜单</a></p>
							<p><a href="设计师.html">设计师</a></p>
							<p><a href="站酷APP.html">站酷APP</a></p>
							<p><a href="字体库.html">站酷字库</a></p>
						</div>
					</li>
				</ul>
			</nav>
			
			<div class="log">
				<a href=""></a>
			</div>
			<div class="log">
				<a href=""></a>
			</div>
			<span><a href="">登录</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="">注册</a></span>
			<div class="search">
				<div class="search_top">
					<button type="button" class="close" aria-label="Close"><span aria-hidden="true">&times;</span></button>
					<input type="text" name="" id="" />
					<img src="img/pan/seach.svg"/>
				</div>
					<div class="search_bot">
						<div class="search1">热门搜索</div>
						<div class="search2">2019毕业展</div>
						<div class="search2">青春答卷2018</div>
						<div class="search2">2018毕业展</div>
						<div class="search2">青春答卷2018</div>
						<div class="search2">我是毕业生</div>
					</div>
			</div>
		</header>
		
		
		
		
		
		
		
		
		
		
		
		
		<div class="big_img">
			<img src="img/pan/big.jpg"/>
			<a href="">图片来自站酷海洛</a>
			<ul>
				<li>1875543<span>人气</span></li>
				<li>1041267<span>创作</span></li>
				<li>北京</li>
				<li>725658<span>设计师</span></li>
				<li>10001<span>生活圈</span></li>
			</ul>
		</div>
		<div class="hello">
			<span>北京</span>
			<a href="" id="changeCity">切换城市</a>
			<ul>
				<li><a href="" onclick="return false">首页</a></li>
				<li><a href="" onclick="return false">创作</a></li>
				<li><a href="" onclick="return false">生活圈</a></li>
				<li><a href="" onclick="return false">设计师</a></li>
			</ul>
		</div>
		<div class="big">
			<section>
				<div class="section_left">


					<div class="create">
						<span>创作</span>
						<ul>
							<li>编辑精选</li>
							<li>最近发布</li>
						</ul>
						<a href="">更多&nbsp;></a>
					</div>
					<div class="bigcarbox">
						<ul>
							<li>
								<img src="img/pan/one.jpg"/>
								<div class="img_bottom_1">
									<a href="">稻香湖-冰上乐园 门头设计</a>
									<span id="title">平面-品牌</span>
									<p>
										<span><img src="img/pan/xiao1.svg"/>0</span>
										<span><img src="img/pan/xiao2.svg"/>0</span>
										<span><img src="img/pan/xiao3.svg"/>0</span>
									</p>
								</div>
							<div class="img_bottom_2">
								<a href=""><img src="img/pan/ya.jpg"/>XX鸭</a>
								<span>一分钟前</span>
							</div>
							</li>
							<li>
								<img src="img/pan/xx.jpg"/>
								<div class="img_bottom_1">
									<a href="">稻香湖-冰上乐园 门头设计</a>
									<span id="title">平面-品牌</span>
									<p>
										<span><img src="img/pan/xiao1.svg"/>0</span>
										<span><img src="img/pan/xiao2.svg"/>0</span>
										<span><img src="img/pan/xiao3.svg"/>0</span>
									</p>
								</div>
							<div class="img_bottom_2">
								<a href=""><img src="img/pan/ya.jpg"/>XX鸭</a>
								<span>一分钟前</span>
							</div>
							</li>
							<li>
								<img src="img/pan/cc.jpg"/>
								<div class="img_bottom_1">
									<a href="">稻香湖-冰上乐园 门头设计</a>
									<span id="title">平面-品牌</span>
									<p>
										<span><img src="img/pan/xiao1.svg"/>0</span>
										<span><img src="img/pan/xiao2.svg"/>0</span>
										<span><img src="img/pan/xiao3.svg"/>0</span>
									</p>
								</div>
							<div class="img_bottom_2">
								<a href=""><img src="img/pan/ya.jpg"/>XX鸭</a>
								<span>一分钟前</span>
							</div>
							</li>
							<li>
								<img src="img/pan/vv.jpg"/>
								<div class="img_bottom_1">
									<a href="">稻香湖-冰上乐园 门头设计</a>
									<span id="title">平面-品牌</span>
									<p>
										<span><img src="img/pan/xiao1.svg"/>0</span>
										<span><img src="img/pan/xiao2.svg"/>0</span>
										<span><img src="img/pan/xiao3.svg"/>0</span>
									</p>
								</div>
							<div class="img_bottom_2">
								<a href=""><img src="img/pan/ya.jpg"/>XX鸭</a>
								<span>一分钟前</span>
							</div>
							</li>
							<li>
								<img src="img/pan/bb.jpg"/>
								<div class="img_bottom_1">
									<a href="">稻香湖-冰上乐园 门头设计</a>
									<span id="title">平面-品牌</span>
									<p>
										<span><img src="img/pan/xiao1.svg"/>0</span>
										<span><img src="img/pan/xiao2.svg"/>0</span>
										<span><img src="img/pan/xiao3.svg"/>0</span>
									</p>
								</div>
							<div class="img_bottom_2">
								<a href=""><img src="img/pan/ya.jpg"/>XX鸭</a>
								<span>一分钟前</span>
							</div>
							</li>
							<li>
								<img src="img/pan/nn.jpg"/>
								<div class="img_bottom_1">
									<a href="">稻香湖-冰上乐园 门头设计</a>
									<span id="title">平面-品牌</span>
									<p>
										<span><img src="img/pan/xiao1.svg"/>0</span>
										<span><img src="img/pan/xiao2.svg"/>0</span>
										<span><img src="img/pan/xiao3.svg"/>0</span>
									</p>
								</div>
							<div class="img_bottom_2">
								<a href=""><img src="img/pan/ya.jpg"/>XX鸭</a>
								<span>一分钟前</span>
							</div>
							</li>
							<li>
								<img src="img/pan/mm.jpg"/>
								<div class="img_bottom_1">
									<a href="">稻香湖-冰上乐园 门头设计</a>
									<span id="title">平面-品牌</span>
									<p>
										<span><img src="img/pan/xiao1.svg"/>0</span>
										<span><img src="img/pan/xiao2.svg"/>0</span>
										<span><img src="img/pan/xiao3.svg"/>0</span>
									</p>
								</div>
							<div class="img_bottom_2">
								<a href=""><img src="img/pan/ya.jpg"/>XX鸭</a>
								<span>一分钟前</span>
							</div>
							</li>
							<li>
								<img src="img/pan/ll.jpg"/>
								<div class="img_bottom_1">
									<a href="">稻香湖-冰上乐园 门头设计</a>
									<span id="title">平面-品牌</span>
									<p>
										<span><img src="img/pan/xiao1.svg"/>0</span>
										<span><img src="img/pan/xiao2.svg"/>0</span>
										<span><img src="img/pan/xiao3.svg"/>0</span>
									</p>
								</div>
							<div class="img_bottom_2">
								<a href=""><img src="img/pan/ya.jpg"/>XX鸭</a>
								<span>一分钟前</span>
							</div>
							</li>
							<li>
								<img src="img/pan/kk.jpg"/>
								<div class="img_bottom_1">
									<a href="">稻香湖-冰上乐园 门头设计</a>
									<span id="title">平面-品牌</span>
									<p>
										<span><img src="img/pan/xiao1.svg"/>0</span>
										<span><img src="img/pan/xiao2.svg"/>0</span>
										<span><img src="img/pan/xiao3.svg"/>0</span>
									</p>
								</div>
							<div class="img_bottom_2">
								<a href=""><img src="img/pan/ya.jpg"/>XX鸭</a>
								<span>一分钟前</span>
							</div>
							</li>
							
							
						</ul>
					</div>
					<div class="source">
						<div class="create" style="border-radius: 5px 5px 0px 0px; border-bottom: 1px solid #f4f4f4;">
						<span>素材</span>
						<a href="">更多&nbsp;></a>
						</div>
						<div class="imgs">
							<ul>
								<li><img src="img/pan/img1.jpg"/></li>
								<li><img src="img/pan/img2.jpg"/></li>
								<li><img src="img/pan/img3.jpg"/></li>
								<li><img src="img/pan/img4.jpg"/></li>
								<li><img src="img/pan/img5.jpg"/></li>
								<li><img src="img/pan/img4.jpg"/></li>
								<li><img src="img/pan/img7.jpg"/></li>
								<li><img src="img/pan/img8.jpg"/></li>
							</ul>
						</div>
					</div>
					<div class="job">
						<div class="create" style="border-radius: 5px 5px 0px 0px; border-bottom: 1px solid #f4f4f4;">
						<span>职位</span>
						<a href="">更多&nbsp;></a>
						</div>
						<div class="jobson">
							<div class="jobone_top">
								<a href="" class="aleft">资深平面设计师</a>
								<span class="spanleft">12k-15k / 经验不限 / 学历不限</span>
								<img src="img/pan/zhong.jpg"/>
								<a href="" class="aright">东岸未来文化传媒（北京）有限公司</a>
								<span class="spanright">互联网/广告营销/不需要融资</span>
							</div>
							<div class="jobone_bottom">
								<span class="span1">东岸呼叫战斗伙伴！</span>
								<span class="btns" style="margin-left: 217px;">尊重设计</span>
								<span class="btns">弹性工作</span>
								<span class="btns">年底多薪</span>
							</div>
						</div>
						<div class="jobson">
							<div class="jobone_top">
								<a href="" class="aleft">动画前期美术设计</a>
								<span class="spanleft">10k-20k / 经验不限 / 学历不限</span>
								<img src="img/pan/a.jpg"/>
								<a href="" class="aright">北京市鲸梦文化传播公司</a>
								<span class="spanright">互联网/广告营销/成长性</span>
							</div>
							<div class="jobone_bottom">
								<span class="span1">鲸梦——story lights.</span>
								<span class="btns" style="margin-left: 217px;">好玩</span>
								<span class="btns">五险一金</span>
								<span class="btns">午餐自助</span>
							</div>
						</div>
						<div class="jobson">
							<div class="jobone_top">
								<a href="" class="aleft">三位动画设计师</a>
								<span class="spanleft">8k-16k / 经验1~3年 / 学历不限</span>
								<img src="img/pan/s.jpg"/>
								<a href="" class="aright">北京有融文化传媒有限公司</a>
								<span class="spanright">广告营销/艺术/初创型</span>
							</div>
							<div class="jobone_bottom">
								<span class="span1">视觉创意工作室</span>
								<span class="btns" style="margin-left: 217px;">尊重设计</span>
								<span class="btns">国外旅游</span>
								<span class="btns">知名客户</span>
							</div>
						</div>
						<div class="jobson">
							<div class="jobone_top">
								<a href="" class="aleft">资深美术指导</a>
								<span class="spanleft">12k-15k / 经验3~5年 / 学历不限</span>
								<img src="img/pan/d.jpg"/>
								<a href="" class="aright">东岸未来文化传媒（北京）有限公司</a>
								<span class="spanright">尊重设计/国外旅游/知名客户</span>
							</div>
							<div class="jobone_bottom">
								<span class="span1">好创意的好广告发源地</span>
								<span class="btns" style="margin-left: 217px;">尊重设计</span>
								<span class="btns">弹性工作</span>
								<span class="btns">年底多薪</span>
							</div>
						</div>
						<div class="jobson">
							<div class="jobone_top">
								<a href="" class="aleft">三维动画师</a>
								<span class="spanleft">12k-15k / 经验不限 / 学历不限</span>
								<img src="img/pan/g.jpg"/>
								<a href="" class="aright">北京量子复合创意文化传播有限公司</a>
								<span class="spanright">互联网/广告营销/不需要融资</span>
							</div>
							<div class="jobone_bottom">
								<span class="span1">东岸呼叫战斗伙伴！</span>
								<span class="btns" style="margin-left: 217px;">尊重设计</span>
								<span class="btns">弹性工作</span>
								<span class="btns">年底多薪</span>
							</div>
						</div>
					</div>
				</div>
				<div class="section_right">
					<div class="rightone">
						<ul>
							<li>
								<img src="img/pan/q.svg" width="25px" />
							</li>
							<li>
								<img src="img/pan/w.svg" width="25px" />
							</li>
							<li>
								<img src="img/pan/e.svg" width="25px" />
							</li>
						</ul>
					</div>
					<div class="righttwo">
						<div class="righttwo_1">
							<span>热门生活圈</span>
						</div>
						<div class="righttwo_2">
							<img src="img/pan/enen.jpg"/>
							<a href="">朝天娇</a>
							<span>4天后</span>
							<input type="button" name="" id="" value="关注" />
						</div>
						<img src="img/pan/cat.jpeg" class="cat"/>
						<div class="righttwo_3">
							<img src="img/pan/enen.jpg" id="L"/>	
							<img src="img/pan/like-small.png" id="R"/>
						</div>
						<div class="righttwo_4">查看更多</div>
					</div>
					<div class="rightthree">
						<div class="rightthree_1">
							<div class="a">热门作品</div>
							<div class="b">人气设计师</div>
						</div>
						<div class="rightthree2">
							<div class="righttwo_2">
							<img src="img/pan/enen.jpg"/>
							<a href="">朝天娇</a>
							<span>北京 | 设计爱好者</span>
							<input type="button" name="" id="" value="关注" />
						</div>
						<div class="righttwo_2">
							<img src="img/pan/img1.jpg"/>
							<a href="">朝天娇</a>
							<span>北京 | 插画师</span>
							<input type="button" name="" id="" value="关注" />
						</div>
						<div class="righttwo_2">
							<img src="img/pan/ya.jpg"/>
							<a href="">朝天娇</a>
							<span>北京 | 插画师</span>
							<input type="button" name="" id="" value="关注" />
						</div>
						<div class="righttwo_2">
							<img src="img/pan/bb.jpg"/>
							<a href="">朝天娇</a>
							<span>北京 | 设计爱好者</span>
							<input type="button" name="" id="" value="关注" />
						</div>
						<div class="righttwo_2">
							<img src="img/pan/nn.jpg"/>
							<a href="">朝天娇</a>
							<span>北京 | 平面设计师</span>
							<input type="button" name="" id="" value="关注" />
						</div>
						<div class="righttwo_2" style="height: 100px; border-radius: 0px 0px 5px 5px;" >
							<img src="img/pan/zhong.jpg"/>
							<a href="">朝天娇</a>
							<span>北京 | 设计爱好者</span>
							<input type="button" name="" id="" value="关注" />
						</div>
						</div>
						<div class="rightthree2_1">
							<ul>
								<li>
									<div class="number">1</div>
									<a href="" class="imga"><img src="img/pan/015a715d40fe95a8012187f40a25d1.jpg@260w_195h_1c_1e_1o_100sh.jpg"/></a>
									<div class="top1">
										<a href="">我和吸铁石和一个死去的朋友</a>
										<span>动漫</span>
									</div>
									<div class="bottom1">
										<a href=""><img src="img/pan/01d92c5d40fb3ea8012187f4b6b483.jpg@80w_80h_1c_1e_1o_100sh.jpg"/></a>
										<a href="">刘毛宁</a>
										<span>六天前</span>
									</div>
								</li>
								<li>
									<div class="number">2</div>
									<a href="" class="imga"><img src="img/pan/ooo.jpg"/></a>
									<div class="top1">
										<a href="">H5|故宫@腾讯手游《口袋宫匠》</a>
										<span>动漫</span>
									</div>
									<div class="bottom1">
										<a href=""><img src="img/pan/cat.jpeg"/></a>
										<a href="">刘毛宁</a>
										<span>一天前</span>
									</div>
								</li>
								<li>
									<div class="number">3</div>
									<a href="" class="imga"><img src="img/pan/ttt.jpg"/></a>
									<div class="top1">
										<a href="">QQ飞车-极速之星</a>
										<span>动漫</span>
									</div>
									<div class="bottom1">
										<a href=""><img src="img/pan/fivee.jpg"/></a>
										<a href="">刘毛宁</a>
										<span>四天前</span>
									</div>
								</li>
								<li>
									<div class="number">4</div>
									<a href="" class="imga"><img src="img/pan/ttto.jpg"/></a>
									<div class="top1">
										<a href="">设计大事件【2019年7月下】</a>
										<span>动漫</span>
									</div>
									<div class="bottom1">
										<a href=""><img src="img/pan/enen.jpg"/></a>
										<a href="">刘毛宁</a>
										<span>五天前</span>
									</div>
								</li>
								<li>
									<div class="number">5</div>
									<a href="" class="imga"><img src="img/pan/fourr.jpg"/></a>
									<div class="top1">
										<a href="">如果张小敬在互联网公司，保证活不过十二时辰</a>
										<span>动漫</span>
									</div>
									<div class="bottom1">
										<a href=""><img src="img/pan/ttt.jpg"/></a>
										<a href="">刘毛宁</a>
										<span>四天前</span>
									</div>
								</li>
								<li>
									<div class="number">6</div>
									<a href="" class="imga"><img src="img/pan/fivee.jpg"/></a>
									<div class="top1">
										<a href="">电影《中华英雄》+《诛仙》设计师献礼版海报</a>
										<span>动漫</span>
									</div>
									<div class="bottom1">
										<a href=""><img src="img/pan/zhong.jpg"/></a>
										<a href="">刘毛宁</a>
										<span>五天前</span>
									</div>
								</li>
							</ul>
						</div>
						

						
					</div>
					
				</div>
			</section>
		</div>
		<footer>
			<div class="footerone">
				<ul class="leftul">
					<li><img src="img/pan/footer-mobile.svg"/></li>
					<li><a href="">移动端</a></li>
					<li><a href="">关于我们</a></li>
					<li><a href="">加入酷站</a></li>
					<li><a href="">用户协议</a></li>
					<li><a href="">隐私政策</a></li>
					<li><a href="">侵权申诉</a></li>
					<li><a href="">企业服务</a></li>
					<li><a href="">帮助中心</a></li>
					<li><a href="">联系我们</a></li>
					<li><a href="">中文</a></li>
					<li><a href="">English</a></li>
				</ul>
				<ul class="rightul">
					<li><img src="img/pan/footer-share-weixin.svg"/></li>
					<li><img src="img/pan/footer-share-weibo.svg"/></li>
				</ul>
				<img src="img/pan/footer-mobile-code.png" class="erweima_left"/>
				<img src="img/pan/footer-weixin-code.jpg" class="erweima_right"/>
			</div>
			<div class="footertwo">
				<div class="footertwo_1">
					<ul>
						<li><a href="">京ICP备11017824号-4 </a></li>
						<li>|</li>
						<li><a href=""> 京ICP证130164号 </a></li>
						<li>|</li>
						<li><a href=""><span><img src="img/pan/icon-police.png"/></span>京公网安备11010502000501号 </a></li>
						<li>|</li>
						<li><a href=""> 网络文化经营许可证 京网文[2016]6173-844号 </a></li>
						<li>|</li>
						<li><a href=""> 广播电视节目制作经营许可证（京）字第06990号</a></li>
					</ul>
				</div>
				<div class="footertwo_2">
					<span>营业执照</span>
					<span> 网上有害信息举报专区 </span>
					<span>不良信息举报电话：010-56538658</span>
					<span>举报邮箱 jubao@zcool.com.cn</span>
					<span>联系电话：010-56538600</span> 
					<span>Copyright © 2006-2019 ZCOOL站酷</span>
				</div>
			</div>
		</footer>
		
		
		
			<span class="coming"><img src="img/pan/tt.png"/></span>
		
		<script type="text/javascript">
			$('.hello ul li a ').click(function(){
				$(this).css({'border-bottom':'2px solid #444','color':'#282828'}).parent().siblings().children().css({'border-bottom':'none','color':'#999'});
			})
			$('section .section_left .bigcarbox ul li img').hover(function(){
				$(this).css('opacity','0.7')
			},function(){
				$(this).css('opacity','1')
			})
			
			$('.section_right .rightthree .rightthree_1 div').click(function(){
				$(this).css({'border-bottom':'2px solid #444','color':'#282828'}).siblings().css({'border-bottom':'none','color':'#999'});
			})
			
			
			 $('.a').click(function(){
			   		$('.rightthree2_1').css('display','inline-block');
			   		$('.rightthree2').css('display','none');
			   })
			   $('.b').click(function(){
			   		$('.rightthree2').css('display','inline-block');
			   		$('..rightthree2_1').css('display','none');
			   })
		
		   	
		   	$('.section_right .rightone ul li').eq(0).hover(function(){
		   		$(this).html('<p>上传作品</p>');
		   		$(this).children('p').addClass("hovers");
		   	},function(){
		   		$(this).children().remove('p');
		   		$(this).html('<img/pan/>');
		   		$(this).children('img').attr('src','img/pan/q.svg');
		   	})
		   		$('.section_right .rightone ul li').eq(1).hover(function(){
		   		$(this).html('<p>发布职位</p>');
		   		$(this).children('p').addClass("hovers");
		   	},function(){
		   		$(this).children().remove('p');
		   		$(this).html('<img/pan/>');
		   		$(this).children('img').attr('src','img/pan/w.svg');
		   	})
		   			$('.section_right .rightone ul li').eq(2).hover(function(){
		   		$(this).html('<p>发生活圈</p>');
		   		$(this).children('p').addClass("hovers");
		   	},function(){
		   		$(this).children().remove('p');
		   		$(this).html('<img/pan/>');
		   		$(this).children('img').attr('src','img/pan/e.svg');
		   	})
		   			
		   			
		   				$('.leftul li').eq(1).hover(function(){
		   		$('.erweima_left').css('display','inline-block');
		   	},function(){
		   		$('.erweima_left').css('display','none');
		   	})
		   	
		   	$('.rightul li').eq(0).hover(function(){
		   		$('.erweima_right').css('display','inline-block');
		   		$(this).children('img').attr('src','img/pan/footer-share-weixinhover.svg');
		   	},function(){
		   		$('.erweima_right').css('display','none');
		   		$(this).children('img').attr('src','img/pan/footer-share-weixin.svg')
		   	})
		   	$('.rightul li').eq(1).hover(function(){
		   		$(this).children('img').attr('src','img/pan/footer-share-weibohover.svg');
		   	},function(){
		   		$(this).children('img').attr('src','img/pan/footer-share-weibo.svg');
		   	})
		   	
		   	
		   	
		   	
		   	
		   	
		   		//header
			//搜索图标点击出现搜索框
				$('.log:first').click(function(e){
					e.preventDefault();
					$('.search').fadeIn(1000);					
//					$(this).fadeOut(1000);
					$(".search input").click(function(e){
						 $(".search").fadeIn(1000);
						 e.stopPropagation();
	    			});
	    			$(window).click(function(e){
				        $(".search").fadeOut(1000);
					});
				});
				$(".log:first").click(function(e){
       				 e.stopPropagation();
    });
				//menus隐藏菜单栏	
				$('.menu').click(function(){
					$('.menus').addClass('menu1')
					
				});
				$('.menus .li button').click(function(){
					$('.menus').removeClass('menu1')
					
				})
				
				
				
				
				
				
				
					
//			点击回到顶部
			
//			到700就出现
			$(window).scroll(function(){
				var q=$(window).scrollTop();
				if(q>=700){
					$('.coming').css('display','inline-block');
				}else{
					$('.coming').css('display','none');
				}
			})
			
//			鼠标移进换图片
			
			$('.coming').hover(function(){
				$('.coming').children('img').attr('src','img/pan/ttblack.png');
			},function(){
				$('.coming').children('img').attr('src','img/pan/tt.png');
			})
			
//			点击回到顶部
			$('.coming').click(function(){
				
				 $('html,body').animate({scrollTop:0}, 0);
			})
		</script>
	</body>
</html>
